<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>淘宝首页</title>
	 <link href="../css/index.css" type="text/css" rel="stylesheet"  />
	 <script src="../js/index.js" type="text/javascript" ></script>
</head>
<body>
	<div class="top">
			<div class="tops">
				<p>中国大陆</p>
				<p>t_15120195614...</p>
				<p>手机逛淘宝</p>
				<div class="topn">
					<p>我的淘宝</p>
					<a href="second.html" target="_black"><img src="../images/gwc.jpg">购物车<span>3</span></p></a>
					<p>收藏夹</p>
					<p>商品分类</p>
					<p>|</p>
					<p>千牛卖家中心</p>
					<p>联系客服</p>
					<p>网站导航</p>
				</div>
			</div>
	</div>
	<div class="hfs">
		<div class="hfsc"></div>
	</div>
	<div class="head">
		<div class="heads">
			<img src="../images/index.png">
			<div class="ssk">
				<div class="bchz">搜索</div>
				<div class="xj"><img src="../images/30.png"></div>
				<div class="sms">宝贝</div>
				<p>天猫</p>
				<p>店铺</p>
				<input type="text" name="sousuo" id="cx">
				<a href="#">新款连衣裙</a>
				<a href="#">四件套</a>
				<a href="#">潮流T恤</a>
				<a href="#">时尚女鞋</a>
				<a href="#">短裤</a>
				<a href="#">半身裙</a>
				<a href="#">男士外套</a>
				<a href="#">墙纸</a>
				<a href="#">行车记录仪</a>
				<a href="#">新款男鞋</a>
				<a href="#">耳机</a>
				<a href="#">时尚女包</a>
				<a href="#">沙发</a>
			</div>
			<div class="erwm">
				<p>手机淘宝</p>
				<img src="../images/dn.png">
			</div>
		</div>
	</div>
	<div class="bodys">
		<div class="bodysTop">
			<h3>主题市场</h3>
			<div class="dhtp">
				<a href="#">天猫</a>
				<a href="#">聚划算</a>
				<a href="#">天猫市场</a>
				<p style="display:inline-block;">|</p>
				<a href="#">淘抢购</a>
				<a href="#">电器城</a>
				<a href="#">司法拍卖</a>
				<a href="#">淘宝心选</a>
				<a href="#">兴民脱贫</a>	
				<p style="display:inline-block;">|</p>
				<a href="#">飞猪旅行</a>
				<a href="#">智能生活</a>
				<a href="#">苏宁易购</a>
			</div>
		</div>
		<div class="bodysLeft">
			<div><img src="../images/02.png"><p>女装 / 男装 / 内衣</p></div>
			<div><img src="../images/02.png"><p>鞋靴 / 箱包 / 配件</p></div>
			<div><img src="../images/02.png"><p>童装玩具 / 孕产 / 用品</p></div>
			<div><img src="../images/02.png"><p>家电 / 数码 / 手机</p></div>
			<div><img src="../images/02.png"><p>美妆 / 洗护 / 保健品</p></div>
			<div><img src="../images/02.png"><p>珠宝 / 眼镜 / 手表</p></div>
			<div><img src="../images/02.png"><p>运动 / 户外 / 乐器</p></div>
			<div><img src="../images/02.png"><p>游戏 / 动漫 / 影视</p></div>
			<div><img src="../images/02.png"><p>美食 / 生鲜 / 零食</p></div>
			<div><img src="../images/02.png"><p>鲜花 / 宠物 / 农资</p></div>
			<div><img src="../images/02.png"><p>面料集采 / 装修 / 建材</p></div>
			<div><img src="../images/02.png"><p>家具 / 家饰 / 家纺</p></div>
			<div><img src="../images/02.png"><p>汽车 / 二手车 / 用品</p></div>
			<div><img src="../images/02.png"><p>办公 / DIY / 五金电子</p></div>
			<div><img src="../images/02.png"><p>百货 / 餐厨 / 家庭保健</p></div>
		</div>
		<div class="bodyCenter">
			<div class="ct">
				<div id="bctl">
					<input type="button" value="上" id="btn1">
					<input type="button" value="下" id="btn2">
					<label for="btn1" id="lab1"></label>
					<label for="btn2" id="lab2"></label>
					<div id="divcenter">
						<img src="../images/1.jpg" id="img">
					</div>
				</div>
				<div class="bctr">
					<img src="../images/32.jpg">
				</div>
			</div>
			<div class="cb">
				<div class="cbx">
					<img src="../images/33.png">
					<p>今日热卖</p>
				</div>
				<div class="cbxt">
					<div class="transt">
						<img src="../images/34.jpg">
						<div class="transtt">
							<div class="zpx"></div>
							<p class="zpx1">Z P X</p>
							<p class="zpx2">2020/7/1 3:58:47</p>
						</div>
					</div>
				</div>
				<div class="cbtp">
					<img src="../images/31.png">
				</div>
			</div>
		</div>
		<div class="bodysRight">
			<div class="rt">
				<div class="rttx"></div>
				<h5 style="text-align:center">Hi! t_1512000520493_0254</h5>
				<div class="sp"></div>
				<div class="sh"></div>
				<div class="jb">
					<h5 style="display:inline-block;">网上有害信息举报专区</h5>
					<img src="../images/05.png">
				</div>
			</div>
			<div class="rc">
				<p id="now"></p>
			</div>
			<div class="rb">
				<div class="rbgg">
					<a href="#">公告</a>
					<a href="#">规则</a>
					<a href="#">论坛</a>
					<a href="#">安全</a>
					<a href="#">公益</a>
				</div>
				<div class="rbnr">
					<p>95公益周阿里、腾讯等六家公司同台联合...</p>
					<p>淘宝造物节之城市秘密聚划算88红包省钱...</p>
				</div>
				<div class="rbxm">
					<div class="tp"><p><img src="../images/06.png"></p>充话费</div>
					<div class="tp"><p><img src="../images/07.png"></p>旅行</div>
					<div class="tp"><p><img src="../images/08.png"></p>车险</div>
					<div class="tp"><p><img src="../images/09.png"></p>游戏</div>
					<div style="height:10px;"></div>
					<div class="tp"><p><img src="../images/10.png"></p>彩票</div>
					<div class="tp"><p><img src="../images/11.png"></p>电影</div>
					<div class="tp"><p><img src="../images/12.png"></p>酒店</div>
					<div class="tp"><p><img src="../images/13.png"></p>理财</div>
				</div>
				<div class="rbzh"></div>
			</div>
		</div>
	</div>
	<div class="content">
		<div class="contentLeft">
			<div class="conlt">
				<div class="clt">
					<img src="../images/15.png">
					<p>与品质生活不期而遇</p>
					<a href="#">更多</a>
				</div>
				<div class="tys" style="background:url(../images/17.jpg);background-size:cover;">
				</div>
				<div class="tys" style="background:url(../images/18.jpg);background-size:cover;">
				</div>
				<div class="tys" style="background:url(../images/19.jpg);background-size:cover;">
				</div>
				<div class="tyt" style="margin-left:18px;">
					<p>乐高 机械组布加迪威龙积木玩具1：8仿真还...</p>
				</div>
				<div class="tyt" style="margin-left:18px;">
					<p>Ubisoft育碧《刺客信条》人物徽章来自...</p>
				</div>
				<div class="tyt" style="margin-left:18px;">
					<p>乐高 流浪地球周边1:10仿真还原 适合6+儿...</p>
				</div>
			</div>
			<div class="conlb">
				<div class="tys" style="background:url(../images/20.jpg);background-size:cover;">
				</div>
				<div class="tys" style="background:url(../images/21.jpg);background-size:cover;">
				</div>
				<div class="tys" style="background:url(../images/22.jpg);background-size:cover;">
				</div>
				<div class="tyt" style="margin-left:18px;">
					<p>猫主子泡澡的味道 这款杯子知道 敲可爱...</p>
				</div>
				<div class="tyt" style="margin-left:18px;">
					<p>多层布艺衣柜收纳挂袋，让您的生活有条...</p>
				</div>
				<div class="tyt" style="margin-left:18px;">
					<p>单人沙发可变床 拯救小户型 既可以坐着也...</p>
				</div>
			</div>
		</div>
		<div class="contentRight">
			<div class="conrt">
				<div class="clt">
					<img src="../images/16.png">
					<p>献给聪明可爱的你</p>
					<a href="#">更多</a>
				</div>
				<div class="tys" style="background:url(../images/23.jpg);background-size:cover;">
				</div>
				<div class="tys" style="background:url(../images/24.jpg);background-size:cover;">
				</div>
				<div class="tys" style="background:url(../images/25.jpg);background-size:cover;">
				</div>
				<div class="tyt" style="margin-left:18px;">
					<p>笔记本 让您随时随地可以记录您的想法和生...</p>
				</div>
				<div class="tyt" style="margin-left:18px;">
					<p>美国宇航局联名短袖 行星与花朵体的羁绊...</p>
				</div>
				<div class="tyt" style="margin-left:18px;">
					<p>彩虹六号鼠标桌垫 让您的游戏体验飞速上升...</p>
				</div>
			</div>
			<div class="conrb">
				<div class="tys" style="background:url(../images/26.jpg);background-size:cover;">
				</div>
				<div class="tys" style="background:url(../images/27.jpg);background-size:cover;">
				</div>
				<div class="tys" style="background:url(../images/28.jpg);background-size:cover;">
				</div>
				<div class="tyt" style="margin-left:18px;">
					<p>简约小板凳 在您休息之余时亦可体验力学之美</p>
				</div>
				<div class="tyt" style="margin-left:18px;">
					<p>卡通动物杯子 可爱的小兔几为您平添几分可耐</p>
				</div>
				<div class="tyt" style="margin-left:18px;">
					<p>单身狗快乐沙发 可以两个人睡 但你只有一个人</p>
				</div>
			</div>
		</div>
	</div>
	<div class="banner">
		<h2>- END -</h2>
	</div>
</body>
</html>